#app {
  width: 7.5rem;
  header {
    height: 0.88rem;
    line-height: 0.88rem;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .icon-sousuo1,
    .more {
      width: 0.86rem;
      height: 100%;
      text-align: center;
      font-size: 0.34rem;
    }
    .icon-sousuo {
      color: #252525;
    }
    .more {
      color: #3572a8;
      box-shadow: 0 -10px 20px 0px rgba(253, 252, 252, 0.8);
    }
    .tab {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      overflow-x: auto;
      overflow-y: hidden;
      &::-webkit-scrollbar {
        // 设置滚动条的样式
        background-color: transparent;
        // 滚动条的宽度设置为0
        // width: 12px;
      }
      &::-webkit-scrollbar-thumb {
        background: transparent;
        height: 2px;
        pointer-events: none;
      }
      padding-top: 17px;
      li {
        a {
          width: 1.3rem;
          text-align: center;
          color: #6a6a6a;
          font-size: 0.34rem;
          display: block;
        }
        &.active {
          color: #131313;
          // border-bottom: 0.06rem solid #117ad5;
        }
      }
    }
  }
  // 主体
  main {
    margin: 0.88rem 0 0.98rem 0;
    .scroll {
      width: 7.5rem;
      img {
        width: 7.5rem;
        height: 4.21rem;
      }
    }
    .news {
      padding: 0 0.29rem;
      .lists {
        padding: 0.24rem 0 0.21rem 0;
        border-bottom: 1px solid #e4e4e4;
        .cont {
          display: flex;
          justify-content: space-between;
          align-items: center;
          h5 {
            font-size: 0.31rem;
            color: #151515;
            margin-right: 0.29rem;
            line-height: 0.46rem;
            font-weight: 600;
          }
          img {
            width: 2.24rem;
            height: 1.5rem;
          }
        }
        > p {
          margin-top: 0.21rem;
          color: #666;
          font-size: 0.16rem;
          span {
            font-size: 0.2rem;
            color: #2177b2;
            margin-right: 0.12rem;
          }
        }
      }
    }
  }
  // 尾部
  footer {
    position: fixed;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.98rem;
    border-top: 1px solid #e4e4e4;
    display: flex;
    justify-content: space-around;
    align-items: center;
    a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #262626;
      span:nth-child(1) {
        font-size: 0.44rem;
        &.active {
          color: #0d7ae1;
        }
      }
      span:nth-child(2) {
        font-size: 0.2rem;
        &.active {
          color: #0d7ae1;
        }
      }
    }
  }
}
